<template>
	<div>
		<el-dialog title="查看详情" width="800px" @open="open" class="icon-dialog" :visible.sync="show" :before-close="closeForm" append-to-body>
			<table class="table table-bordered" align="center" width="100%" style="word-break:break-all; margin-bottom:50px;  font-size:13px;">
				<tbody>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_id')}}：</td>
						<td>
							{{form.id}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fbillno')}}：</td>
						<td>
							{{form.fbillno}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_ftype')}}：</td>
						<td>
							{{form.ftype}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fdevice')}}：</td>
						<td>
							{{form.fdevice}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_ftray')}}：</td>
						<td>
							{{form.ftray}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fqianru')}}：</td>
						<td>
							{{form.fqianru}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fisvs')}}：</td>
						<td>
							{{form.fisvs}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fvc')}}：</td>
						<td>
							{{form.fvc}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fstate')}}：</td>
						<td>
							{{form.fstate}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fcompletetime')}}：</td>
						<td>
							{{form.fcompletetime}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fepaper')}}：</td>
						<td>
							{{form.fepaper}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fwendu')}}：</td>
						<td>
							{{form.fwendu}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fboxing')}}：</td>
						<td>
							{{form.fboxing}}
						</td>
				 </tr>
         <tr>
           <td class="title" width="100">{{$t('field.Testresult_fcornermura')}}：</td>
           <td>
             {{form.fcornermura}}
           </td>
         </tr>
         <tr>
           <td class="title" width="100">{{$t('field.Testresult_fblooming')}}：</td>
           <td>
             {{form.fblooming}}
           </td>
         </tr>
         <tr>
           <td class="title" width="100">{{$t('field.Testresult_fcrosstalk')}}：</td>
           <td>
             {{form.fcrosstalk}}
           </td>
         </tr>
         <tr>
           <td class="title" width="100">{{$t('field.Testresult_fborder')}}：</td>
           <td>
             {{form.fborder}}
           </td>
         </tr>
				<tr>
						<td class="title" width="100">{{$t('field.Testresult_ftupian')}}：</td>
						<td>
						<div v-if="form.ftupian_table && form.ftupian_table.indexOf('[{') != -1" class="demo-image__preview">
							<el-image style="margin-right:5px" v-for="(item,i) in JSON.parse(form.ftupian_table)"  class="table_list_pic" :src="item.url" :key="i"  :preview-src-list="[item.url]"></el-image>
						</div>
						</td>
				</tr>
				 <tr>
						<td class="title" width="100">{{$t('field.Testresult_fl1')}}：</td>
						<td>
							{{form.fl1}}
						</td>
				 </tr>
				</tbody>
			</table>
		</el-dialog>
	</div>
</template>
<script>
import { detail  } from '@/api/app/testresult'
export default {
	name:'testresultdetail',
	props: {
		show: {
			type: Boolean,
			default: true
		},
		size: {
			type: String,
			default: 'mini'
		},
		info: {
			type: Object,
		},
	},
	data() {
		return {
			form:{
			},
		}
	},
	watch:{
		show(val){
			if(val){
			}
		}
	},
	methods: {
		open(){
			detail(this.info).then(res => {
				this.form = res.data
			})
		},
		closeForm(){
			this.$emit('update:show', false)
		}
	}
}
</script>
<style  lang="scss">
@import '@/assets/scss/common.scss'
</style>
